let fileInput = document.getElementById('file');
let info = document.getElementById('info');
let preview = document.getElementById('image-preview');
// 监听change事件:
fileInput.addEventListener('change', function() {
    // 清除背景图片:
    preview.style.backgroundImage = '';
    if (!fileInput.value) {
        info.innerHTML = '没有选择文件';
        return;
    }
    let file = fileInput.files[0];
    let size = file.size;
    if (size >= 1 * 1024 * 1024) {
        alert('文件大小超出限制');
        info.innerHTML = '文件大小超出限制';
        return false;
    }
    // 获取File信息:
    info.innerHTML = `文件名称:  + ${file.name}<br>文件大小: ${file.size} <br>上传时间: ${file.lastModifiedDate}`;
    if (!['image/jpeg', 'image/png', 'image/gif'].includes(file.type)) {
        alert('不是有效的图片文件!');
        return;
    }
    // 读取文件:
    let reader = new FileReader();
    reader.onload = function(e) {
        let data = e.target.result;
        console.log(preview, 'a标签')
        preview.src = data
    };
    // 以DataURL的形式读取文件:
    reader.readAsDataURL(file);

});

function  save() {

    var url = preview.src; // 获取图片地址
    var a = document.createElement('a'); // 创建一个a节点插入的document
    var event = new MouseEvent('click') // 模拟鼠标click点击事件
    a.download='headPac' // 设置a节点的download属性值
    a.href = url; // 将图片的src赋值给a节点的href
    a.dispatchEvent(event)
}
